<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>Eden Megazine</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.css">
    <link rel="stylesheet" href="static/css/themify-icons.css">
    <link rel="stylesheet" href="static/css/flaticon.css">
    <link rel="stylesheet" href="static/css/all.min.css">
    <link rel="stylesheet" href="#">
    <link rel="stylesheet" href="static/css/animate.css">
    <link rel="stylesheet" href="static/css/magnific-popup.css">
    <!-- main css -->
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/responsive.css">
</head>
<body>

     <!--================ Start header Top Area =================-->
    <section class="header-top">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-4">
                    <div class="float-left">

                    </div>
                </div>
                <div class="col-6 col-lg-4 col-md-6 col-sm-6 logo-wrapper">
                    <a href="index.html" class="logo">
                        <img src="static/picture/屏幕截图 2022-11-14 231152.png" alt="">
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 search-trigger">
                    <div class="right-button">
                        <ul>
                            <li><a id="search" href="javascript:void(0)"><i class="fas fa-search"></i></a></li>
                            <li><a href="">About</a></li>
                            <li><a href="">Subscribe</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="search_input" id="search_input_box">
            <div class="container ">
                <form class="d-flex justify-content-between search-inner">
                    <input type="text" class="form-control" id="search_input" placeholder="Search Here">
                    <button type="submit" class="btn"></button>
                    <span class="ti-close" id="close_search" title="Close Search"></span>
                </form>
            </div>
        </div>
    </section>
    <!--================ End header top Area =================-->

    <!-- Start header Menu Area -->
    <header id="header" class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
                        <ul class="nav navbar-nav menu_nav ml-auto mr-auto">
                            <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
                            <li class="nav-item"><a class="nav-link" href="美术社.html">美术社</a></li>
                            <li class="nav-item"><a class="nav-link" href="">篮球社</a></li>
                            <li class="nav-item submenu dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">羽毛球社</a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item"><a class="nav-link" href="single-最新的咨询.html">摄影社</a></li>
                                    <li class="nav-item"><a class="nav-link" href="single-羽毛球社.html">羽毛球社 </a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="single-最新的咨询.html">摄影社</a></li>
                            <li class="nav-item"><a class="nav-link" href="联系我们.html">联系我们 us</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- End header MEnu Area -->

    <!--================Fullwidth block Area =================-->


    <!--================Home Banner Area =================-->
    <section class="banner_area">
      <div class="banner_inner d-flex align-items-center">
        <div class="container">
          <div class="banner_content d-md-flex justify-content-between align-items-center">
            <div class="mb-3 mb-md-0">
              <h2>羽毛球社</h2>
            </div>
            <div class="page_link">
              <a href="index.html">Home</a>
              <a href="联系我们.html">羽毛球社</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================End Home Banner Area =================-->

    <!--================美术社  Area Start =================-->

    <section class="美术社-page area-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/篮球1.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#"> 11, 2022</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>锻炼身体</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>06 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 0 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/篮球2.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">锻炼 </a>/
                                <a href="#"> 12, 2022</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>健康生活</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>07 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 0 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/篮球3.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#">  19, 2019</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>加油！</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>
                                	 观看</a>
                                <a href="#"><i class="ti-heart"></i>15 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/篮球4.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#"> 12, 2022</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>运动，活跃起来</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>06 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 10 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/篮球5.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#">  15, 2019</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>锻炼身体</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>06 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 20 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/羽毛球1.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#">  15, 2019</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>运动，活跃起来</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>25 comment</a>
                                <a href="#"><i class="ti-heart"></i> 0 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/羽毛球2.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#">  15, 2019</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>运动，活跃起来</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>06 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 0 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/865a63b6df79998c3e4cfd7a8d54a553.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#">  15, 2019</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>锻炼身体</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>06 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 0 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-美术社">
                        <div class="thumb">
                            <img class="img-fluid" src="static/picture/篮球4.jpeg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">运动 </a>/
                                <a href="#">  15, 2019</a>
                            </div>
                            <a class="d-block" href="single-羽毛球社.html">
                                <h4>活动起来y</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>06 收藏</a>
                                <a href="#"><i class="ti-heart"></i> 0 观看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 text-center">
                    <a href="" class="main_btn">加载更多 <span class="ti-angle-double-right"></span></a>
                </div>
            </div>
        </div>
    </section>
    <!--================美术社  Area End =================-->

   <!-- ================ Instargram Area Starts ================= -->

    <section class="instagram">
        <div class="row no-gutters">
            <div class="col-2">
                <a href=""><img src="static/picture/大学生活10.jpeg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="static/picture/大学生活11.jpeg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="static/picture/大学生活8.jpeg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="static/picture/大学生活6.jpeg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="static/picture/大学生活3.jpeg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="static/picture/大学生活1.jpeg" alt=""></a>
            </div>
        </div>
    </section>

    <!-- ================ Instargram Area End ================= -->


    <!-- ================ start footer Area ================= -->
   <footer class="footer-area">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>关于我们</h4>
                    <p>我们是对理想有着执着追求的人，坚信是金子总会发光。</p>
                    <div class="footer-logo">
                        <img src="static/picture/屏幕截图 2022-11-14 231152.png" alt="">
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>联系方式</h4>
                    <div class="footer-address">
                        <p>地址 :重庆巴南区
                       </p>
                        <span>电话 : +123456</span>
                        <span>邮箱Email : shetuanguanli.com</span>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>活跃平台</h4>
                    <ul>
                        <li><a href="#">QQ</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">百度</a></li>
                        <li><a href="#">抖音</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>加入我们</h4>
                    <p>欢迎你！我们相信，公司因为你的加⼊⽽会更精彩更完美</p>

                    <div class="form-wrap" id="mc_embed_signup">
                        <form target="_blank" action="#" method="get">
                        <div class="input-group">
                            <input type="email" class="form-control" name="EMAIL" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = '你的地址 '">
                            <div class="input-group-append">
                                <button class="btn click-btn" type="submit">
                                    <i class="fab fa-telegram-plane"></i>
                                </button>
                            </div>
                        </div>
                        <div style="position: absolute; left: -5000px;">
                            <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                        </div>

                        <div class="info"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="footer-bottom row align-items-center text-center text-lg-left no-gutters">
            <div class="col-lg-4 col-md-12 text-center text-lg-right footer-social">
                <a href="#"><i class="ti-facebook"></i></a>
                <a href="#"><i class="ti-twitter-alt"></i></a>
                <a href="#"><i class="ti-dribbble"></i></a>
                <a href="#"><i class="ti-linkedin"></i></a>
            </div>
        </div>
    </div>
</footer>
<!-- ================ End footer Area ================= -->






<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="static/js/jquery-2.2.4.min.js"></script>
<script src="static/js/popper.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/stellar.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/jquery.ajaxchimp.min.js"></script>
<script src="static/js/waypoints.min.js"></script>
<script src="static/js/mail-script.js"></script>
<script src="static/js/联系我们.js"></script>
<script src="static/js/jquery.form.js"></script>
<script src="static/js/jquery.validate.min.js"></script>
<script src="static/js/mail-script.js"></script>
<script src="static/js/theme.js"></script>
</body>
</html>>